@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300;0,400;0,500;0,700;0,800;1,400&display=swap');


body { background-color: white; }

.font-01 { font-family: 'Red Hat Display';}
.font-02 { font-family: 'QuickSand';}

/* tools */
.max-width { max-width: 100% }
.bg-center { background-position: center center !important; background-size: cover !important;} 
.bg-dark-gradient { background: linear-gradient(to bottom, #2196f329 0%, #0000008f 100%) !important; }

/* Overrides */
.app-swiper2 .swiper .swiper-slide p.lead { font-size: 2.2rem; font-family: 'Red Hat Display'; font-weight: 500; }
.co-linkblock.co-linkblock-overlay figure .overlay {    background-color: rgb(10 72 133 / 65%);}

h1, h2, h3, h4, h5, h6 {    color: #004e85; font-family: 'Red Hat Display'; line-height: 30px; margin-bottom: 25px;}
h5 { line-height: 20px;}

header {  border-top: 5px solid #0cadc9;}
.co-container-inner { font-family: 'Red Hat Display'; }


/* Content */

.pull-up        { margin-top: -25px; z-index: 1; position: relative;}
.separator-line { position: absolute; height: 101%; width: 1px; margin: auto 50%; border-left: 1px dashed #d7d7d7; }
/* NavBar */
.navbar-nav { font-size: 1.3em; font-family: 'Quicksand'; font-weight: bold; }

#nav-desktop, .ly-nav, .ly-nav li, .ly-nav ul { position: relative;}
#nav-desktop .nav-item:hover ul { display:block }
#nav-desktop .nav-item ul       { background-color: white; list-style: none; display: none; 
                                  position: absolute;  padding: 10px; font-size: 14px;
                                  box-shadow: 0px 11px 6px #00000033; }

#nav-desktop .nav-item ul a     {  font-size: 14px; transition: 1s all }
#nav-desktop .has-child::after  { font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f107"; color: #717171; position: absolute; right: 4px; top: 15px; font-size: 0.8em; }
#nav-desktop .nav-item .has-child > ul      { position: relative;  box-shadow: none; margin-left: 50px;  transition: 1s all; }
#nav-desktop .nav-item .has-child > ul > li > a.nav-link { font-size: 0.9em; padding: 0px; margin: 0px; padding: 0px 5px 8px 10px; }

.navbar .ly-nav-main li a {  margin: 0px 5px;    padding: 10px 20px; color:#0cadc9 }
.navbar .ly-nav-main li a:after {
  
    display: none;
}

footer .container-fluid { background: transparent; }



/* SearchView App */

figure { transition: 0.2s all;}

.search-box-wrapper { border: 1px solid #0cadc9; border-radius: 50px; padding: 5px 10px;     
                      display: flex; justify-content: space-between; }
.search-box-wrapper input { border:0px; background: transparent; outline: none;}
.search-box-wrapper button { border:0px; background: transparent;}

/* Link Sliding Text */
.link-slide-box { position: absolute;top:unset; bottom: 0px;width: 100%; height: 55px; display: flex; align-items: center; 
                  justify-content: center; margin: 0px; padding: 10px; transition:0.4s all;   }

                  .link-slide-box-a:hover .link-slide-box{ height: 100%;  
                    transition:0.4s all; background-color: #1B4F5887; backdrop-filter: blur(10px);  }

                    .link-slide-box-a:hover .link-slide-box-description { animation-name: fadein; 
                    animation-duration: 0.5s; animation-direction: normal; animation-fill-mode: both; }
 
                   .link-slide-box-title        { padding-bottom: 10px; }                       
                   .link-slide-box-description  { line-height: 20px; bottom:0px; opacity:0; transform: scale(0); transform: translateX(-50%); } 


.link-slide-button      { width: 30%; position: absolute; height: 100%; right: 0px; display: flex; justify-content: center; }
.link-slide-content     { width: 70%; position: absolute; height: 100%; left: 0px;  display: flex; justify-content: center; }
.link-slide-button span { position: absolute; bottom:10px }

@keyframes  fadein {
  0%     { opacity: 0; } 
  100%   { opacity: 1; transform: scale(1);  transform: translateX(0%); }
}



/* Footer */
footer { position: relative;}
.footer-link { color:white !important; text-decoration: none !important;}

.bg-footer { background: linear-gradient(95.47deg, #027084 58.46%, #3F3F3F 84.74%);  }
.bg-footer-logo { background-image: url(images/icon-gasmed-symbol-color.svg); background-repeat: no-repeat; background-position: center; background-size: cover; width: 214px; height: 137px; position: absolute; right: 0px; bottom: 0px; }
                
.footer-bold { font-family: 'Red Hat Display'; font-weight: bold; font-size: 1.5em; line-height: 25px; }

.button-primary-round       { background-color: #0cadc8; border-radius: 50px; padding: 5px 40px; text-align: center; cursor: pointer; transition: 0.2s all; color: white !important; text-decoration: none !important; }
.button-primary-round:hover { letter-spacing: 2px; }


.button-dark-round       { background-color: #000000bd; color: white; border-radius: 50px; padding: 10px; 
    	                     text-align: center; cursor: pointer; transition:0.2s all; color:white }
.button-dark-round:hover { background-color: #ffffff98; color: rgb(37, 37, 37); text-decoration: none; }

.button-outlined-round       { background-color: #ffffff1a; border:1px solid white; color: white; border-radius: 50px; padding: 10px; 
    	                     text-align: center; cursor: pointer; transition:0.2s all; color:white }
.button-outlined-round:hover { background-color: #ffffff98;  border:1px solid rgb(62, 62, 62); color: rgb(37, 37, 37); text-decoration: none; }

/* blockImage */
.blockimage-wrapper { height: 300px; background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  background-position: center center  !important; background-size: cover !important; }
.blockimage-content { background-color: #00000070; height: 300px; }
.blockimage-content h1 h2 h3 h4 h5 { color:white !important; }